<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.css" rel="stylesheet" />
		<link href="../css/customize.css" rel="stylesheet" />
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left font-black"></a>
			<h1 class="mui-title">新闻资讯</h1>
		</header>

		<div>
			<div class="mui-content" style="padding-bottom: 30px;">
				<img src="" alt="" style="width: 100%;" id="newsImg">
				<div class="article-content">
					<div class="mui-content-padded">
						<div class="title" id="newsName" style="margin-bottom: 10px;"></div>
						<div id="releaseTime" style="margin-bottom: 10px;font-size: 14px; color: #707070;"></div>
						<div id="newsContent" style="margin-bottom: 10px;margin-bottom: 10px;"></div>
					</div>
				</div>
			</div>
		</div>

		<script src="../js/mui.js"></script>
		<script src="../js/request.js"></script>
		<script type="text/javascript">
			let ip = localStorage.getItem("ip")
			let id = 0
			let cList = []
			mui.init({

			});

			mui.plusReady(function() {
				var self = plus.webview.currentWebview();
				id = self.newsId;
				getInfo(id)
			})
			//获取文章详情
			function getInfo(id) {
				request.get('/system/article/' + id, {},
					(resp) => {
						let data = resp.data;
						document.querySelector("#newsImg").src = ip + data.cover;
						document.querySelector("#newsContent").innerHTML = data.content;
						document.querySelector("#newsName").innerHTML = data.title;
						document.querySelector("#releaseTime").innerHTML = data.createTime;
					},
					(error, thrown) => {

					}
				);
			}
		</script>
	</body>

</html>